/**
 * 该插件用于放大显示图片，使用方法：$(selected).showimg({
 * url://大图url，默认是当前图片url
 * width://显示宽度
 * height://显示高度
 * closeByclick://是否点击图片关闭
 * });
 * @param $
 */
(function($){
	
	$.fn.showimg = function(options, params) {
		
		
		if(typeof options == "object" ){
			
			return this.each(function(){
				
				$this = $(this);
				var opts = $.fn.extend({}, $.fn.showimg.defaults, options);
				$this.data('data',opts);
				
				$this.click(function(){
					var url = opts.url;
					if(url == ''){
						url = $(this).attr('src'); 
					}
					var width = opts.width == -1 ? undefined:opts.width;
					var height = opts.height == -1 ? undefined:opts.height;
					
//					var template = '<div class="cover-box">'
//									        +'<div class="tab-c-tab" style="border:5px solid red;overflow:scroll;">'
//									            
//									        	+'<div class="tab-c-cell">'
//									                +'<img src="'+url+'" width="" height="" class="showimg-img" alt=""/>'
//									            +'</div>'
//									        +'</div>'
//									        +'<span class="close-btn"></span>'  /*<img src="images/mke_close.png" alt=""/>*/
//									        +'<span class="big-btn" style="position:fixed;top:3rem;right:6rem;">放大</span>'  
//									        +'<span class="small-btn" style="position:fixed;top:3rem;right:9rem;">缩小</span>'  
//									        
//								      +'</div>';
					
					var template =  '<div class="cover-box">'
				        				
											   + '<div class="page" style="height:100%">'
												        + '<div class="pinch-zoom-container" style="overflow: hidden; position: relative; height: 750px;top:30%">'
												        + '<div class="pinch-zoom" style="width:100%;-webkit-user-drag:none;transform-origin: 0% 0% 0px; position: absolute; transform: scale(1, 1) translate(0px, 0px);">'
												            + '<div class="description">'
												                + '<h1></h1>'
												                + '<p>'
												                + '</p>'
												            + '</div>'
												            + '<img style="width:100%;-webkit-user-drag:none" width="" height="" class="showimg-img" src="'+url+'">'
												            + '<a class="image" href="javascript:void(0);return false;" target="_blank"></a>'
												        + '</div>'
											        + '</div>'
											    + '</div> '
											    
											    +'<span class="close-btn"></span>'  /*<img src="images/mke_close.png" alt=""/>*/
										        +'<span class="big-btn" style="position:fixed;top:3rem;right:6rem;"></span>'  
										        +'<span class="small-btn" style="position:fixed;top:3rem;right:9rem;"></span>'  
										+ '</div>'    
											    ;
					var $template = $(template);
					$('body').append($template);
					$template.find('div.pinch-zoom').each(function () {
			                new RTP.PinchZoom($(this), {});
			            });
					
//					var target = $('#target');
//					touch.on('#target', 'touchstart', function(ev){
//						ev.preventDefault();
//					});
					$(".tab-c-tab").css("width","100%") ;
//					$template.find('.pinch-zoom').parent().css('top','20%');
					
					//手势缩放
//					var currentScale;
//					touch.on('.showimg-img', 'pinch', function(ev){
//						currentScale = ev.scale;
//						currentScale = currentScale > 2 ? 2 : currentScale;
//						var height=target.height()*currentScale;
//						var width = target.width()*currentScale;
//						target.height(height);
//						target.width(width);
//						$(".tab-c-tab").css("width",width) ;
//					});
//					
//					
//					//手势移动
//					var dx = 0;
//					var dy = 0;
//					touch.on('.showimg-img', 'drag', function(ev){
//						var offx = dx + ev.x + "px";
//						var offy = dy + ev.y + "px";
//						this.style.webkitTransform = "translate3d(" + offx + "," + offy + ",0)";
//					});
					
//					$template.find('.big-btn').click(function(even){
//						even.preventDefault();
//						var parent = $(this).parents('.cover-box').get(0);
//						var $parent = $(parent);
//						var $img = $parent.find('img');
//						
//						var imgData = $img.data('data');
//						if(!imgData){//初始化原始尺寸
//							var origW = parseInt($img.width());
//							var origH = parseInt($img.height());
//							var scale = origW/origH;//根据原始尺寸计算缩放比例
//							imgData = {origWidth:origW,origHeight:origH,scale:scale};
//							$img.data('data',imgData);
//							$img.attr('width',origW);
//							$img.attr('height',origH);
//						}
//						
//						var scale = imgData.scale;//根据原始尺寸计算缩放比例
//						
//						//获取当前尺寸
//						var oldW = parseInt($img.attr('width'));
//						var oldH = parseInt($img.attr('height'));
//						
//						var newW = oldW+30;
//						var newH = parseInt(newW/scale);
//						$img.css('width',newW);
//						$img.css('height',newH);
//						$img.attr('width',newW);
//						$img.attr('height',newH);
//					});
//					
//					$template.find('.small-btn').click(function(even){
//						even.preventDefault();
//						var parent = $(this).parents('.cover-box').get(0);
//						var $parent = $(parent);
//						var $img = $parent.find('img');
//						
//						var imgData = $img.data('data');
//						if(!imgData){//初始化原始尺寸
//							var origW = parseInt($img.width());
//							var origH = parseInt($img.height());
//							var scale = origW/origH;//根据原始尺寸计算缩放比例
//							imgData = {origWidth:origW,origHeight:origH,scale:scale};
//							$img.data('data',imgData);
//							$img.attr('width',origW);
//							$img.attr('height',origH);
//						}
//						
//						var scale = imgData.scale;//根据原始尺寸计算缩放比例
//						
////						var oldW = $img.width();
////						var oldH = $img.height();
//						var oldW = parseInt($img.attr('width'));
//						var oldH = parseInt($img.attr('height'));
//						if(oldW > 80){
//							var newW = oldW-30;
//							var newH = parseInt(newW/scale);
//							$img.attr('width',newW);
//							$img.attr('width',newH);
//							$img.css('width',newW);
//							$img.css('height',newH);
//						} else if(oldW > 50 && oldW < 80){
//							var newW = 50;
//							var newH = parseInt(newW/scale);
//							$img.attr('width',newW);
//							$img.attr('width',newH);
//							$img.css('width',newW);
//							$img.css('height',newH);
//						}
//						
//					});
					
					$template.fadeIn(300);//显示图层
					$template.find('.close-btn').click(function(){
						var parent = $(this).parents('.cover-box');
						parent.fadeOut(300);
					});
					
					if(opts.closeByclick){
						$template.find('.page').click(function(){
							var parent = $(this).parents('.cover-box');
							parent.remove();
						});
					}
				});
				
				
			});
		}  else if(typeof options == "string"){
			return this.each(function(){
				$this = $(this);
				var opts = $this.data('picker');
				
				
				switch(options){
				//刷新参数
				case 'refreshOpts':
					if(typeof params == 'object'){
						opts = $.extend(opts,params);
						$this.data('picker',opts);
					}
					break;
				}
			});
			
		}
		
	};
	
	 $.fn.showimg.defaults = {
		url:'',
		width:-1,
		height:-1,
		closeByclick:true
	};

})(jQuery);